<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri= "http://java.sun.com/jsp/jstl/core" prefix= "c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"></c:set>
<script type="text/javascript" src="${basePath}/js/plugin/jquery-2.1.0.min.js"></script>
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-table.min.css">
<link rel="stylesheet" href="${basePath}/bootstrap/css/font-awesome.min.css">
<link rel="stylesheet" href="${basePath}/bootstrap/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="${basePath}/bootstrap/plugins/treegrid/jquery.treegrid.css">

<script src="${basePath}/bootstrap/js/bootstrap.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-datepicker.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-table.min.js"></script>
<script src="${basePath}/bootstrap/plugins/layer/layer.js"></script>
<script src="${basePath}/bootstrap/plugins/treegrid/jquery.treegrid.min.js"></script>
<script src="${basePath}/bootstrap/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
<script src="${basePath}/bootstrap/plugins/treegrid/jquery.treegrid.extension.js"></script>
<script src="${basePath}/bootstrap/plugins/treegrid/tree.table.js"></script>
<script src="${basePath}/bootstrap/plugins/ztree/jquery.ztree.all.min.js"></script>
<div class="container">
	   <!-- 页面导航 -->
	   <div class="page-header">
			<div class="page-title" style="padding-bottom: 5px">
				<ol class="breadcrumb">
				  <li class="active">角色信息管理</li>
				</ol>
			</div>
		</div>
		<form method="post" id="formHead">
		    <!-- 查询表单 -->
			<div class="row page-search">
			 <div class="col-md-12">
				<ul class="list-unstyled list-inline">
					<li><input type="text" id="roleName" class="form-control" placeholder="角色名称"></li>
					<li class='O1'><button type="button" class="btn btn-primary btn-search" >查询</button></li>
					<shiro:hasPermission name="sys:role:add">
					<li class='O2'><button type="button" class="btn btn-primary btn-add">新增</button></li>
					</shiro:hasPermission>
					<shiro:hasPermission name="sys:role:update">
					<li class='O3'><button type="button" class="btn btn-primary btn-update">修改</button></li>
					</shiro:hasPermission>
					<shiro:hasPermission name="sys:role:delete">
					<li class='O4'><button type="button" class="btn btn-primary btn-delete">删除</button></li>
					</shiro:hasPermission>
				</ul>
			  </div>
			</div>
			<!-- 列表显示内容 -->
			<div class="row col-md-12">
				<table class="table table-bordered" id="roleTable">
					<thead>
						<tr>
						    <th>选择</th>
							<th>角色ID</th>
							<th>角色名称</th>
							<th>备注</th>
						</tr>
					</thead>
					<tbody id="tbodyId"></tbody>
				</table>
				<%@include file="../common/page.jsp" %>
			</div>
		</form>
	</div>
<script src="${basePath}/js/system/page.js"></script>
<script type="text/javascript" src="${basePath}/js/system/role_list.js"></script>
